<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<html>
<head>
<title>Mua Audio</title>
</head>
<body>
	<input type="hidden" id="audioId" value="${bookInfo.id}" />
	<div class="list-view">
		<div class="pr-head">
			<span class="pr-detail-name">Mua Audio</span>
		</div>
		<div class="pr-detail">
			<div class="pr-profile-left">
				<div class="pr-profile-menu height690">
					<a class="pr-profile-menu-item edit"><i></i>Thanh toán tiền</a>
				</div>
			</div>
			<div class="pr-profile-right right-content-large">
				<div id="" class="pr-profile-page">
					<span class="pr-text separator"> <span class="title-s-text">
							<span>Thông Audio</span>
							<div class="book-info">
								<div class="pr-img order-book-style"
									style="background-image: url('getAudioImage?id=${bookInfo.id}')"></div>
								<div class="publisherInfo">
									<ul>
										<li><span style="float: left;">Tên audio: </span> <span
											class="pr-name">${bookInfo.title }</span></li>
										<li><span>Nhà xuất bản: </span> ${publisherInfo.name }</li>
										<li><span>Tên file download: </span>
											${fileName}</li>
									</ul>
								</div>
							</div>
						</span>
					</span> 
					<span class="pr-text separator"> <span class="title-s-text">
						<span>Loại hình thanh toán</span></span>
						<p class="error" id="error_message_payment"></p>
						<p>Quý khách vui lòng chọn loại hình thanh toán trực tuyến:</p> 
						<span class="acc-title-text left">Loại hình:</span>
						<div id="paymentId">
							<div class="column-paypal left">
								<div class="paypal-logo"></div>
								<input type="radio" class="payment-radio" name="payment" value="1" /><span>Paypal</span>
							</div>
							<div class="column-ngan-luong left">
								<div class="ngan-luong-logo"></div>
								<input type="radio" class="payment-radio" name="payment" value="2" /><span>Ngân
									Lượng</span>
							</div>
						</div>
						<div style="display: none;" class="message-box-buying">
							<div id="remainAmoount"></div>
							<div id="messageErrorBuy"></div>
						</div>
						<div class="button-payment">
							<input type="button" class="popup-button center-button"
								value="Thanh toán" onclick="payingAudioBook();" />
						</div>
					</span>
				</div>

			</div>
		</div>
	</div>
	<jsp:include page="nap-tien.jsp"/>	
	<script type="text/javascript">
		$(document).ready(function(){
			$(".payment-radio").click(function(){
				$(".message-box-buying").hide();
			})
		});
		function payingAudioBook() {
			var paymentType = $("#paymentId input[name='payment']:checked").val();
			if(paymentTypeMapping[paymentType] == PAYPAL) {
				window.open("http://pavibook.vn/online/payment-audio?id="+ $("#audioId").val(), "_blank");
			} else if (paymentTypeMapping[paymentType] == NGANLUONG) {
				$.ajax({
					url: "ajax/check-valid-amount-buy-audio",
					data: {
						bookId: $("#audioId").val()
					},
					type: "POST",
					dataType: "json",
					success: function(data){
						if(data.canBuyBook==true){
							$(".message-box-buying").hide();
							window.location.href="nganluong/download-audio?index=" + $("#audioId").val();
						} else {
							var mess = "Tài khoản của quý khách không đủ mua sách!<br>";
							mess += 'Quý khách có thể nạp thêm tiền tại <a href="nap-tien">ĐÂY</a>';
							$("#messageErrorBuy").html(mess);
							$("#remainAmoount").html("Tài khoản của quý khách hiện tại: <span style='color: blue;'>" + numeral(data.money).format("0,0.[00]") + "</span> VNĐ.");
							$(".message-box-buying").show();
						}
					}
				});
			} else {
				$("#error_message_payment").html("Quý khách vui lòng chọn 1 trong 2 cách thanh toán!");
			}
		};
	</script>
</body>
</html>